Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <head> <style> .thumbnail { float: left; width: 110px; height: 90px; margin: 5px; } .text_line { clear: both; margin-bottom: 2px; } </style> </head> <body> <h3>Image Gallery</h3> <p>Try to resize the browser-window to see what happens when the images does not have enough room.</p> <img class="thumbnail" src="klematis_small.jpg" width="107" height="90"> <img class="thumbnail" src="klematis2_small.jpg" width="107" height="80"> <img class="thumbnail" src="klematis3_small.jpg" width="116" height="90"> <img class="thumbnail" src="klematis4_small.jpg" width="120" height="90"> <h3 class="text_line">Second row</h3> <img class="thumbnail" src="klematis_small.jpg" width="107" height="90"> <img class="thumbnail" src="klematis2_small.jpg" width="107" height="80"> <img class="thumbnail" src="klematis3_small.jpg" width="116" height="90"> <img class="thumbnail" src="klematis4_small.jpg" width="120" height="90"> </body> <!-- Mirrored from www.w3schools.com/css/tryit.asp?filename=trycss_float_clear by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 07:23:34 GMT --> </html>
Result:
Try it Yourself - © w3schools.com